<!DOCTYPE html>
<html>
  <head>
  	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="initial-scale=1.0, minimum-scale=1.0, maximum-scale=2.0, user-scalable=no, width=device-width">
    <meta charset="utf-8">
    <title>首页</title>
    <link rel="stylesheet" type="text/css" href="../css/index.css">
    <script src="https://cdn.bootcss.com/jquery/1.9.1/jquery.min.js"></script>
    <!--<script type="text/javascript" src="../js/echarts.min.js"></script>-->
    <script src="https://cdn.bootcss.com/echarts/3.7.2/echarts-en.min.js"></script>
    <!-- <script type="text/javascript" src="../js/china.js"></script> -->
    <script type="text/javascript" src="../js2/jquery-1.8.0.js"></script> 
    <script src="../js2/echarts.js" charset="UTF-8"></script>
    <script type="text/javascript" src="../js/config.js"></script>
    
  </head>
  <body>


  	<!-- <div class="content" id="content"> -->
      <div class="index-box" id="contentCenter">
    		<div class="index-center clearfix" >
    			<div class="index-center-left">
            <div class="pick1">
              <p class="title">今日交易量</p>
              <p class="num">
                0<span>台</span>
              </p>
            </div>
            <div class="pick2">
              <p class="title">本月交易量</p>
              <p class="num">
                0<span>台</span>
              </p>
            </div>  
            <div class="pick0">
              <p class="title">累计交易量</p>
              <p class="num">
                0<span>台</span>
              </p>
            </div>  
            <div class="pick3">
              <p class="title">今日入库数</p>
              <p class="num">
                0<span>台</span>
              </p>
            </div>  
            <div class="pick4">
              <p class="title">本月入库数</p>
              <p class="num">
                0<span>台</span>
              </p>
            </div>  
            <div class="pick5">
              <p class="title">累计入库数</p>
              <p class="num">
                0<span>台</span>
              </p>
            </div>     
          </div>

          <div class="index-bottom-rank">
            <div class="title">排行榜<i id="fullData"></i></div>
            <div class="box">
              <div class="nav">
                <span class="nav-list on">今日入库</span>
                <span class="nav-list">按品牌</span>
                <!-- <span class="nav-list">按颜色</span> -->
                <!-- <span class="nav-list">按车型</span> -->
                <span class="nav-list">按业绩</span>
                <span class="nav-list">按成交量</span>
                <span class="nav-list">按价格</span>
              </div>
              <div class="info-warp">
                <div class="info-box on" id="brandRank"></div>
              </div>
            </div>
          </div>
          
          
    		</div>
        <div class="index-bottom clearfix">

          <div class="index-bottom-bar">
            <div class="title">各市场车辆成交情况</div>
            <div class="box" id="zhu">
              
            </div>
          </div>
          <div class="index-center-right">
            <div class="title">各市场车辆入库情况</div>
            <div class="box" id="zhu1" style="box-sizing: border-box;padding: 25px;">
              
            </div>
          </div>
          
          
        </div>
<!-- 
         <div class="index-bottom clearfix">
          <div class="index-bottom-map">
            <div class="title">全国入库量情况分布<i id="full"></i></div>
            <div id="mainMap" class="box" style="background:#1B1B1B;"></div>
          </div>
        </div> -->







      </div>
  	<!-- </div> -->

  

  <div class="loading"></div>
<!-- <script type="text/javascript" src="../js/map2.js"></script> -->
<script type="text/javascript" src="../js/show.js"></script>
<script type="text/javascript">
var numAjax=0;
$(document).ajaxSuccess(function(evt, request, settings){  
    numAjax++;
    if (numAjax>=4) {
      $('.loading').hide()
    }
 }); 

$('#full').click(function(){
  window.open('map2.html?marketId='+marketId+'&userId='+userId)
})
$('#fullData').click(function(){
  window.open('data.html?marketId='+marketId+'&userId='+userId)
})






























































// $('.theme').click(function(){
//       if($('.header').hasClass('theme1')){
//         $('.header').removeClass('theme1')
//         $('.left-nav').removeClass('theme1')
//       }else{
//         $('.header').addClass('theme1')
//         $('.left-nav').addClass('theme1')
//       }
//     });


        // window.onload = function(){
        //   // setContentHeight();
        //   // setContentWeight();
        //   getNowDate();
        // }
        // window.onresize = function () {
        //   setContentHeight();
        //   setContentWeight();
        // }

        // function setContentWeight(){
        //   var proNum = window.innerWidth/1366;
        //   if (window.innerWidth >= 1366) {
        //     document.getElementById('contentCenter').style.WebkitTransform = 'scale('+proNum+','+proNum+')';
        //     document.getElementById('contentCenter').style.transform = 'scale('+proNum+','+proNum+')';
        //     document.getElementById('contentCenter').style.MozTransform = 'scale('+proNum+','+proNum+')';
        //     document.getElementById('contentCenter').style.WebkitTransform = 'scale('+proNum+','+proNum+')';
        //     document.getElementById('contentCenter').style.OTransform = 'scale('+proNum+','+proNum+')';
        //   }
        // }
        // function setContentHeight() {
        //   document.getElementById('content').style.minHeight = window.innerHeight-120 + 'px';
        // }
        // function getNowDate(){
        //   var timeText = document.getElementById('time');
        //   var dateText = document.getElementById('date');
        //   var NowDate = new Date();
        //   var myHours = NowDate.getHours()>9?NowDate.getHours().toString():'0' + NowDate.getHours();
        //   var myMinutes = NowDate.getMinutes()>9?NowDate.getMinutes().toString():'0' + NowDate.getMinutes();
        //   var mySeconds = NowDate.getSeconds()>9?NowDate.getSeconds().toString():'0' + NowDate.getSeconds();
        //     timeText.innerHTML = myHours +':'+ myMinutes +':'+ mySeconds
        //     dateText.innerHTML = NowDate.getFullYear() +'年' 
        //               + NowDate.getMonth() + '月' 
        //               + NowDate.getDate() +'日  '
        //               + turnWeek(NowDate.getDay());
        //   setTimeout(()=>{this.getNowDate()},1000)
        // }
        // function turnWeek(n){
        //   switch(n){
        //     case 0:
        //       return '星期日'
        //       break;
        //     case 1:
        //       return '星期一'
        //       break;
        //     case 2:
        //       return '星期二'
        //       break;
        //     case 3:
        //       return '星期三'
        //       break;
        //     case 4:
        //       return '星期四'
        //       break;
        //     case 5:
        //       return '星期五'
        //       break;
        //     case 6:
        //       return '星期六'
        //       break;
        //   }
        // }
    </script>
  </body>
</html>

